﻿//默认参数配置
@import "config.less";
*{margin: 0;padding: 0;outline: none;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
html{min-height:100%;}
body{font-weight: normal;font-size:@size;color:@color;background:@bg-color;position: relative;min-height:100%;}
ul,li{list-style-type: none;vertical-align: bottom;position: relative;overflow: hidden}
a img,img{border: 0}
img{max-width: 100%}
a{color:@color;text-decoration: none;}
div{}
a:hover{color:@color-active;}
input,textarea,select{text-decoration:none;color:@color;}
button{cursor: pointer;}
textarea{resize: none;}
input[type="text"]:focus,textarea:focus,select:focus{border-color:@color-active !important;}
table{border-collapse: collapse;border-spacing: 0}
div,input,a,span{-webkit-box-sizing:border-box;-moz-box-sizing: border-box;box-sizing: border-box}
h1,h2,h3,h4,h5,h6{font-weight: normal}
h1{font-size: 20px}
h2{font-size: 18px} 
h3{font-size: 16px}
h4{font-size: 14px}
select,option{color:#000;font-size:@size;}
button,input,textarea{background:none;border: 0;font-size:@size;}
input[type="button"],input[type="submit"],input[type="reset"]{-webkit-appearance:none;}
a,input[type="text"],textarea,button,ul,li,select,option{
    transition:0.5s;
}
body,a,input,textarea,button,select,option{
    font-family:'PingFangSC-Light','Microsoft YaHei','宋体';
}
/*
 * 通用代码
 */
//对齐方式
.aw-float-left{float:left !important;}
.aw-float-right{float:right !important;}
.aw-text-left{text-align:left !important;}
.aw-text-right{text-align:right !important;}
.aw-text-center{text-align:center !important;}
//外边距-内边距
.aw-margin-padding(@n,@i:0,@ipx:0px) when (@i =< @n) {
    .aw-mt@{i}{
        margin-top:@ipx !important;
    }
    .aw-ml@{i}{
        margin-left:@ipx !important;
    }
    .aw-mr@{i}{
        margin-right:@ipx !important;
    }
    .aw-mb@{i}{
        margin-bottom:@ipx !important;
    }
    .aw-pt@{i}{
        padding-top:@ipx !important;
    }
    .aw-pl@{i}{
        padding-left:@ipx !important;
    }
    .aw-pr@{i}{
        padding-right:@ipx !important;
    }
    .aw-pb@{i}{
        padding-bottom:@ipx !important;
    }
    .aw-margin-padding(@n,(@i + 5),(@ipx + 5));
}
.aw-position_a_a{position: absolute;top:0px;left:0px;width:100%;height:100%;display: block;z-index:9;}

.aw-margin-padding(200);
.aw-padding0{padding:0px !important;}
.aw-left-3333{left:33.33%;}
.aw-right-3333{right:33.33%;}
.aw-w3333b{width: 33.33%;}
.aw-w50b{width: 50% !important;}
.aw-w100b{width:100%;}
.aw-radius2{border-radius:2px;}
.aw-bold{font-weight: bold;}
//清除样式
.select-none{
    display: block;border:none;background:none;color: #989998;width:100%;
     outline: none;
  /* Prefixed box-sizing rules necessary for older browsers */
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  /* Remove select styling */
  appearance: none;
  -webkit-appearance: none;
}
.select-none:after{
     pointer-events:none;
   outline:none; 
}
.select-none:focus {
  outline:none;
  background-color:transparent;
  color: #222;
}
.aw-border-none{border:none !important;}



.aw-img-w100{width: 100%;display: block;}
.aw-clear-both{clear: both;}

.aw-height{overflow: hidden;width: 100%;}
.aw-hide{display: none !important;}



//通用颜色样式
.aw-bg-1{background:@color-1;}
.aw-bg-2{background:@color-2;}
.aw-bg-fff{background:#fff;}
.aw-bg-191E1C{background:#191E1C;color: #fff;}
.aw-bg-none{background: none !important;}
.aw-color-1{color:@color-1;}
.aw-color-2{color:@color-2;}
.aw-color-666{color: #666;}
.aw-color-FE2D2A{color: #FE2D2A;}
.aw-color-FF5450{color: #FF5450;}
.aw-color-a3{color: #a3a3a3;}
.aw-color-777{color: #777;}
.aw-color-4FB5FD{color: #4FB5FD;}
.aw-color-999{color: #999;}
.aw-color-F44747{color: #F44747;}
.aw-color-FFA800{color: #FFA800;}
.aw-clear-both{clear:both;}
.aw-boder-top{border-top:@border-solid;}


//通用样式
.aw-main-body{
    position: absolute;z-index:0;top:0px;left:0px;height:100%;width:100%;
}
.aw-main{
    position: relative;z-index:1;
    margin:0px auto;
    max-width:100%;width: 100%;
    padding-bottom:71px;
}

//通用表单样式
.aw-assest-form{
    border-top:@border-solid;
    @form_height:47px;
    .aw-form-li{
        position: relative;
        line-height:@form_height - 1;
        position: relative;
        border-bottom:@border-solid;
        padding:0px 10px 0px 80px;overflow: hidden;background:#fff;
        a{display: block;color:@color;}
        .aw-left{position: absolute;top:0px;}
        .aw-left{left:10px;width:60px;height:@form_height - 1;}
        .aw-left-icon{
            width:100px;
            .aw-icon{width: 24px;height: 24px;float: left;margin:11px 10px 0px 0px;}
        }
        .aw-conter{
            width:100%;height:@form_height - 1;
            select{
                height:@form_height - 1;
                direction:rtl;
                padding-right: 20px;
                option{direction:rtl;}
            }
            input{text-align: right;width: 100%;display: block;line-height:20px;padding:13px 0px;}
        }
        &.aw-textarea{
            padding:10px;
            .aw-conter{padding-top:30px;height:130px;}
            textarea{width:100%;line-height:20px;height:100px;}
        }
        .aw-icon-more{position: absolute;right:10px;top:50%;margin-top:-15px;}
    }
    .aw-form-li-title{
        padding:10px;line-height:20px;font-size:@size - 1;
        p{border-left:3px solid @color-1;padding-left:8px;}
    }
}

//通用按钮样式
.aw-assest-btn{
    display:inline-block;text-align: center;
    width:100%;height: @btn-height;line-height:@btn-height - 2;
    border:1px solid @btn-border-color;color:@btn-color !important;font-size:@btn-size;border-radius:4px;
    &.aw-btn-radius{border-radius:@btn-radius;}
    //绿色
    &.aw-btn-bgcolor-lvse,&.hover{background:@color-1;color:#fff !important;border-color:@color-1;}
    &.aw-btn-bordercolor-lvse{border-color:@color-1;color:@color-1 !important;}
    //蓝色
    &.aw-btn-bgcolor-lanse{
        border-color:#54C1F7;color:#fff !important;background:#54C1F7;
    }
    &.aw-btn-bgcolor-huise{
        border-color:#C8C9C8;color:#fff !important;background:#C8C9C8;
    }
    &.aw-btn-bordercolor-333{border-color:#333;color:#333 !important;}
    //禁用
    &.aw-btn-disable{background:@btn-disable-color;border-color:@btn-disable-color;color: #C8C9C8 !important;}
    
    &.aw-btn-height30{
        height:30px;line-height:28px;font-size:@btn-size - 4;
    }
    
}


//通用列表 tab select 搜索
.aw-assest-tab-select{
    @select-height:51px;
    position: relative;border-bottom:@border-solid;height:@select-height;
    .aw-select{width:33.33%;float: left;padding:0px 10px;}
    select{height:@select-height - 1;color:@color;}
    .aw-select-icon{
        position:absolute;top:(@select-height - 21)/2;right:10px;
    }
    .aw-select-shu{position: absolute;width:1px;height:@select-height;background:@border-color;}
}

//通用日期选择
.aw-assest-time{
    padding:0px 10px;width: 100%;height: 100%;
    border-top:@border-solid;border-bottom:@border-solid;
    overflow: hidden;
    .aw-time-li{
        text-align: center;float: left;line-height:24px;padding:5px;height:82px;width:60px;
        div{width:100%;display: block;}
        &.hover{background:@color-1;}
        &.hover div{color:#fff !important;}
    }
    .aw-time-yue{color: #DCDDDC;}
    .aw-time-num{}
    .aw-time-zhou{}
}
//通用tab菜单样式 用于 约战服务&&个人中心-我的订单
@tab-height:50px;
.aw-assest-tab{
    height:@tab-height + 1;line-height:@tab-height;
    border-bottom:@border-solid;
    .aw-tab-list{}
    .aw-tab-li{
        float: left;text-align: center;
        a,a:hover{color: #9C9D9C;display: block;margin:0px auto;width:100%;}
        &.hover a,&.hover a:hover{color: #444;border-bottom:5px solid @color-1;height:@tab-height;}
    }
}


/*
 * 订场服务-选择场地 && 约战服务-选择场地
 */
.aw-assest-field-radio{
    .aw-field-radio-title{text-align: center;height:40px;line-height:40px;font-size:@size + 2;}   
    .aw-field-radio-list{
        padding:10px;overflow: hidden;
        border-top:1px solid #E5E6E5;
        border-bottom:1px solid #E5E6E5;
    }   
    .aw-field-radio-li{
        width: 50%;float: left;padding:5px 10px;
        a{height: 40px;line-height: 38px;font-size:@btn-size - 2;border-radius:4px;}
    }   
}

/*
 * 已选场次
 * 订场服务-选择场地
 */
.aw-assest-field-selected{
    .aw-field-selected-title{
        border-top:@border-solid;border-bottom:@border-solid;
        background:#F6F7F6;color: #9FA09F;font-size:@size - 2;
        padding:5px 10px;
    }
    .aw-field-selected-list{padding:0px 10px;}
    .aw-field-selected-li{
        border-top:1px solid #F2F2F2;padding:6px 100px 6px 0px;position: relative;
        &:nth-child(1){border:none;}
    }
    .aw-field-selected-adds,.aw-field-selected-time,.aw-field-selected-money{height: 24px;line-height:24px;width: 100%;}
    .aw-field-selected-money,.aw-field-selected-del{position: absolute;right:0px;top:18px;}
    .aw-field-selected-money{width:60px;right:30px}
    .aw-field-selected-del i{margin-top:2px;}
}
/*
 * 列表
 * 约战服务-约战 &&
 */
.aw-assest-list{
    .aw-list-li{
        position: relative;
        border-top:@border-solid;border-bottom:@border-solid;
        overflow: hidden;margin-top: 5px;
        .aw-li-title{position: relative;height: 40px;line-height: 40px;color: #666;padding:0px 10px;padding-left:150px;border-bottom:@border-solid;overflow: hidden;}
        .aw-title-left{position: absolute;top:0px;left:10px;width: 160px;}
        .aw-title-right{
            text-align: right;
            span{color:@border-color;}
        }
        .aw-li-desc{
            position: relative;overflow: hidden;
        }
        .aw-li-desc-zhandui,.aw-li-desc-money{width: 50%;float: left;}
        .aw-li-desc-zhandui{
            padding-right:30px;text-align: center;
            .aw-desc-zhandui-img{width: 80px;height:80px;margin:0px auto;}
            .aw-desc-zhandui-img img{width:100%;height:100%;}
            p{height: 20px;line-height: 20px;overflow: hidden;margin-top: 10px;}
        }
        .aw-li-desc-vs{
            position: absolute;top:50%;left:50%;
            width: 50px;height: 50px;line-height: 50px;
            margin:-25px 0px 0px -25px;
            font-size:36px;text-align: center;
        }
    }
}
.aw-assest-list-more{text-align: center;line-height:40px;}
/*
 * 约战服务 & 个人中心
 * 发布约战 && 应战 底部 vs通用样式
 */
.aw-assest-vs-match{
    position: fixed;left:0px;bottom:50px;z-index:2;
    width: 100%;
    .aw-vs-desc{padding:15px 10px;overflow: hidden;position: relative;}
    .aw-vs-desc-zhandui{
        width: 50%;height:40px;line-height:40px;float: left;text-align: center;
        display: flex;
        align-items: center;
        justify-content: center;
        p{display: flex;}
        .aw-desc-zhandui-img{
            width:40px;height:40px;padding:0px;margin-right:5px;overflow: hidden;
        }
    }
    .aw-vs-desc-vs{
        position: absolute;top:50%;left:50%;text-align: center;
        width: 40px;height: 40px;line-height: 40px;
        margin:-20px 0px 0px -20px;
        font-size:24px;
    }
}
/*
 * 通用标签
 * 球队详情 && 
 */
.aw-assest-tag-list{
    overflow: hidden;padding:5px 10px 10px;height:auto !important;
    .aw-assest-tag-li{
        width:50%;float: left;padding:5px 10px;
        &.hover a{border-color:@color-1;color:@color-1 !important;}
    }
    .aw-assest-btn{height:30px;line-height:28px;font-size:@btn-size - 4;max-width:120px;margin:0px auto;display: block;}
}

/*
 * 通用队伍信息
 *  && 
 */
.aw-assest-ranks-list{
    //主队信息
    .aw-ranks-li{
        border-bottom:@border-solid;padding:5px 12px 10px;
        .aw-li-info{
            p{line-height:30px;}
            span{color: #929392;}
        }
        .aw-info-title{font-size:@size + 4;padding:6px 0px;}
    }
    .aw-ranks-li-img{
        padding:12px 12px 12px 153px;
        .aw-li-info{height: 130px;border-left:@border-solid;padding-left:12px;}
        .aw-li-img{
            position: absolute;top:27px;left:27px;
            width: 100px;height: 100px;overflow: hidden;
            img{width:100%;}
        }
    }
}
/*
 * 操作状态页面
 */
.aw-user-msg{
    position: fixed;top:0px;left:0px;width: 100%;height: 100%;
    text-align: center;
    .aw-msg{
        position: absolute;top:50%;left:0px;width:100%;
        margin-top: -176px;
    }
    .aw-msg-icon,.aw-msg-btn{margin:0px auto;}
    .aw-msg-icon{width:120px;height:120px;}
    .aw-msg-title,.aw-msg-info{padding:5px 20px;line-height:30px;}
    .aw-msg-title{font-size:@size + 6;color: #000;margin-top:15px;}
    .aw-msg-info{font-size:@size + 2;color: #999;overflow: hidden;height:73px;}
    .aw-msg-btn{margin-top:20px;max-width:180px;}
}

/*
 * 注册登录
 */
.aw-common-user{
    .aw-form-li{
        .aw-right-code{
            position: absolute;top:10px;right:10px;
            width:110px;height:40px;
            input{height:28px;line-height:26px;font-size:@btn-size - 4;display: block;}
        }
    }
    .aw-common-login-a{
        padding:10px;
        a{color: #999;}
    }
    .aw-common-btn{padding:0px 30px;}
}
/*
 * 订场须知
 */
.aw-common-info{
    .aw-info-list{}
    .aw-info-li{padding:10px 0px;}
    .aw-info-li-title{border-top:@border-solid;border-bottom:@border-solid;padding:10px;color: #666;}
    .aw-info-li-text{line-height:24px;padding:5px 10px;border-bottom:@border-solid;color: #333;}
    .aw-info-li-text p{padding:5px 0px;}
}
/*
 *重置 animate.css 
 */
.animated {
  animation-duration: 0.8s;
}
